.app-enter{
    height: 100%;
    justify-content: space-between;
    background-image: url(../imgs/sign-bg.jpg);
    background-size: 120%;
    background-repeat: no-repeat;

    header{
        width: 100%;
        flex: 1;
        justify-content: flex-end;
        position: relative;

        p{
            width: 100%;
            margin-bottom: 4px;
            a{
            
                line-height: 60px;
                position: absolute;
                right: 15px;
            }
        }
        p:nth-child(1){
            height: 60px;
        }
    }

    main{
        width: 100%;
        flex: 3;
        position: relative;

        p{

            input{
                
                background-color: #c2c0c3;
                border-radius: 25px;
                opacity: 0.5;
            }

            input::placeholder{
                color: #fff;
                text-indent: 10px;
            }
        }

        p:nth-child(3) input{
            background-color: #63FFA7;
            color: #fff;
            font-weight: bold;
            opacity: 0.7;
        }
        a{
            width: 100%;
        }
        .hint{
            width: 100%;
        }
    }

    footer{
        width: 100%;
        flex: 1;

        p{
            width: 100%;
            text-align: center;
        }
    }
}